<html>
  <head>
    <title><g:layoutTitle default="Grails" /></title>
    <link rel="stylesheet" href="${resource(dir:'css',file:'hrm.css')}" />
    <link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
  <g:layoutHead />
  <g:javascript library="application" />
  <modalbox:modalIncludes />
</head>
<body>
  <div id="header">
    <ul id="top-navigation">
      <li ${webRequest.getControllerName()==null?"class=\"active\"":""}><span><span><a href="${createLinkTo(dir:'')}">Home</a></span></span></li>
      <li ${webRequest.getControllerName()=="user"?"class=\"active\"":""}><span><span><g:link controller="user">Users</g:link></span></span></li>
      <li ${webRequest.getControllerName()=="team"?"class=\"active\"":""}><span><span><g:link controller="team">Teams</g:link></span></span></li>
      <li ${webRequest.getControllerName()=="performance"?"class=\"active\"":""}><span><span><g:link controller="performance">Performances</g:link></span></span></li>
      <li><span><span><a href="#">Settings</a></span></span></li>
      <li><span><span><a href="#">Statistics</a></span></span></li>
      <li><span><span><a href="#">Design</a></span></span></li>
      <li><span><span><a href="#">Contents</a></span></span></li>
    </ul>
  </div>

  <div id="middle">
    <div id="left-column">
      <h3>Action</h3>
      <ul class="nav">
        <li><modalbox:createLink controller="user" action="create"  title="Add New Employee" width="500" class="button">Add New Employee</modalbox:createLink></li>
        <li><modalbox:createLink controller="team" action="create"  title="Add New Team" width="500" class="button">Add New Team</modalbox:createLink></li>
        <li><g:link controller="auth" action="logout">Log Out</g:link></li>
        <li><a href="#">Dollar</a></li>
        <li><a href="#">Lorem dollar</a></li>
        <li><a href="#">Ipsum dollar</a></li>
        <li><a href="#">Lorem Ipsum dollar</a></li>
        <li class="last"><a href="#">Dollar Lorem Ipsum</a></li>
      </ul>
      <a href="#" class="link">Link here</a>
      <a href="#" class="link">Link here</a>
    </div>
    <div id="center-column">
      <g:layoutBody />
    </div>
    <g:if test="${flash?.message}">
      <div id="right-column">
        <strong class="h">INFO</strong>
        <div class="box">${flash?.message}</div>
      </div>
    </g:if>
  </div>
  <div id="footer"></div>
</body>
</html>